<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>003-HTML语义化标签</title>
	</head>
	<body>
		<!--
    概念：用特定的标签，去表达特定的含义。
    原则：标签默认样式效果不重要（后期可通过CSS修改），语义才是最重要的！
    举例：h1标签，默认效果文字很大（不重要），但它该标签表示网页中的主要内容标题（很重要）。

    语义化标签的优势：
    1. 代码结构清晰，可读性强。
    2. 方便搜索引擎优化（SEO）。
    3. 方便其他设备解析（如屏幕阅读器，盲人阅读器，等）。

    常用语义标签: h1~h6, p, div, span, em, strong, i(常用于字体图标)
    -->

		<h1>大前端时代！已悄然到来~</h1>
		<h4>2024-01-01 00:00:00 · 1347条评论</h4>
		<div>
			<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, ad?</p>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae recusandae quae hic impedit esse ut ipsam
				incidunt ipsa veritatis non iure expedita neque, similique magni sint accusantium quasi sapiente dolorum.
			</p>
		</div>
	</body>
</html>
